<template>
  <div>
    <div v-if="detail.modelUrl&&selected" class="luckDraw"></div>
    <el-image v-if="!detail.modelUrl" :src="noImage" class="view-image" crossorigin="anonymous" @dragstart.prevent
              @dragover.prevent @drop.prevent></el-image>
    <iframe v-else :height="detail.style.position.h" :src="detail.modelUrl" :width="detail.style.position.w"
            frameborder="0"></iframe>
  </div>
</template>

<script>
import noImage from '@/views/zutai/images/noImage.png'
import BaseView from './View';

export default {
  name: 'ViewLuckDraw',
  extends: BaseView,
  data() {
    return {
      noImage: noImage
    }
  },
}
</script>
<style scoped>
.luckDraw {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: transparent;
}

.view-image {
  height: 100%;
  width: 100%;
}
</style>
